@import '~@/styles/variables.scss';

html {
font-family: $font-family;
-webkit-text-size-adjust: 100%;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
// better Font Rendering
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
a {
    text-decoration: none;
    -webkit-tap-highlight-color: rgba(255, 0, 0, 0)
    }
}

body {
margin: 0;
// background-color: $body-bg;
}


// $themes-color: (
//   default: (
//     // 全局样式属性
//     color: $info,
//     font-weight: $font-weight-normal,
//     font-size: $font-size-lg,
//     background-color: $theme-aside-normal
//   ),
//   old: (
//     color: $danger,
//     font-weight: $font-weight-bold,
//     font-size: $font-size-slg,
//     background-color: $gray-color
//   ),
// );

@mixin backgroundAsideColor($color1,$color2) {
    [data-theme="theme1"] & {
        background-color:$color1;
    }
    [data-theme="theme2"] & {
        background-color:$color2;
    }
}

@mixin backgroundHeadColor($color1,$color2) {
    [data-theme="theme1"] & {
        background-color:$color1;
    }
    [data-theme="theme2"] & {
        background-color:$color2;
    }
}

@mixin backgroundContentColor($color1,$color2) {
    [data-theme="theme1"] & {
        background-color:$color1;
    }
    [data-theme="theme2"] & {
        background-color:$color2;
    }
}

@mixin fontColor($color1,$color2) {
    [data-theme="theme1"] & {
        color:$color1;
    }
    [data-theme="theme2"] & {
        color:$color2;
    }
}

@mixin backgroundImage($imagePath) {
    [data-theme="theme1"] & {
        background-image: url('#{$STATICPATH}/images/theme1/#{$imagePath}');
    }
    [data-theme="theme2"] & {
        background-image: url('#{$STATICPATH}/images/theme2/#{$imagePath}');
    }
}